<template>
<view style="display: flex;width: 375px;border: 1px solid red;justify-content: space-around;flex-wrap: wrap;">
<text @click="clickHref('rgch')">
  rgch
</text>
<text @click="clickHref('my')">
my
</text>
<text @click="clickHref('rgchOrder')">rgchOrder</text>
<text @click="clickHref('phone')">phone</text>
<text @click="clickHref('mobile')">mobile</text>
<text @click="clickHref('messageOrder')">messageOrder</text>
<text @click="clickHref('login')">login</text>
<text @click="clickHref('newIndex')">newIndex</text>
<text @click="clickHref('amy')">amy</text>
<text @click="clickHref('amessage')">amessage</text>
<text @click="clickHref('aindex')">aindex</text>
</view>

</template>
<script>
export default {
data() {
return {

}
},
methods: {
	clickHref(type) {
				let url = "";
				switch(type) {
					case 'rgch':
						url = "/pages/rgch/rgch";
						break;
					case 'my':
						url = "/pages/my/my";
						break;
					case 'rgchOrder':
						url = "/pages/rgchOrder/rgchOrder";
						break;
					case 'phone':
						url = "/pages/phone/phone";
						break;
					case 'mobile':
						url = "/pages/mobile/mobile";
						break;
					case 'messageOrder':
						url = "/pages/messageOrder/messageOrder";
						break;
					case 'login':
						url = "/pages/login/login";
						break;
					case 'newIndex':
						url = "/pages/newIndex/newIndex";
						break;
					case 'amy':
						url = "/pages/amy/amy";
						break;
					case 'amessage':
						url = "/pages/amessage/amessage";
						break;
					case 'aindex':
						url = "/pages/aindex/aindex";
						break;
					default:
						break;
				}
				
				if (url) {
					uni.navigateTo({
						url: url
					});
				}
			}
}
}
</script>

<style>
	text{
		width: 30%;
	}
</style>